﻿
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LgSys2.0</title>
    <link href="/Plugins/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" />
    <link href="/Content/lgm/css/login.css" rel="stylesheet" />
    <link href="/Plugins/layer/theme/default/layer.css" rel="stylesheet" />
    <script src="/Plugins/common/jquery.js"></script>
    <script src="/Plugins/layer/layer.js"></script>
    <script src="/Plugins/common/vue.3.2.js"></script>
    <script src="/Plugins/common/lg.base.js"></script>
</head>
<body>

    <div class="login_bg" id="lg-login">
        <div class="header">
            <div class="logo"><img src="/Content/lgm/images/login_logo.png" /></div>
        </div>
        <div class="loginContainer">
            <div class="login_way" v-if="type!=3">
                <span class="login_way_txt">扫码登录</span>
                <span class="login_way_icon way_for_ewm" v-on:click="LoginType(3)"></span>
            </div>
            <div class="login_way" v-if="type==3">
                <span class="login_way_txt">账号登录</span>
                <span class="login_way_icon way_for_code" v-on:click="LoginType(1)"></span>
            </div>
            <div class="login_menu c-b">
                <span :class="['lg-switch-menu',{'act':type==1}]" v-on:click="LoginType(1)">账号密码登录</span>
                <span :class="['lg-switch-menu',{'act':type==2}]" v-on:click="LoginType(2)">验证码登录</span>
            </div>
            <div class="login_content" v-if="type==1">
                <div class="lg-input-block">
                    <span class="fa fa-user"></span><input type="text" class="lg-input" v-model="form.account.Account" />
                </div>
                <div class="lg-input-block">
                    <span class="fa fa-unlock-alt"></span><input type="password" class="lg-input" v-model="form.account.Password" />
                </div>
                <div class="lg-block lg-code-box c-b">
                    <div class="lg-input-inline lg-code-box-txt"><input type="text" class="lg-input lg-input-has-line" v-model="form.account.captchaCode" /></div>
                    <div class="lg-input-inline lg-code-box-img"><img :src="captcha" v-on:click="GetCaptcha()" title="点击刷新验证码" /></div>
                </div>
            </div>
            <div class="login_content" v-if="type==2">
                <div class="lg-input-block">
                    <span class="fa fa-mobile"></span><input type="text" class="lg-input" v-model="form.phone.Phone" />
                </div>
                <div class="lg-block">
                    <div class="lg-input-block txtCode">
                        <span class="fa fa-sort-numeric-asc"></span><input type="text" class="lg-input" v-model="form.phone.SmsCode" />
                    </div>
                    <div class="lg-inline getCode">
                        <span class="lg-btn lg-btn-inline lg-btn-info" v-on:click="GetSmsCode($event)">获取验证码</span>
                    </div>
                </div>

            </div>
            <div class="lg-login lg-block">
                <button type="button" class="lg-btn lg-btn-primary" v-on:click="Login()">登录</button>
            </div>
            <div class="ewm_content" v-if="type==3">
                <span class="tit">扫一扫登录</span>
                <div class="ewm"><img src="/Content/lgm/images/ewm.png" /></div>
                <div class="tips">
                    打开微信App-右上角-扫一扫
                </div>
            </div>
        </div>
        <div class="copyright">版权所有 朗钧网络</div>
    </div>
    <script src="/Content/lgm/js/login.js?v=1.1"></script>
</body>
</html>